<template>
	<view>
		<view class="refuse-title">
			{{title}}：
		</view>
		<textarea name="refuse" 
		@input="handleInput"
		:placeholder="tips" placeholder-class="textarea" :value='value' :disabled='disabled'></textarea>
	</view>
</template>

<script>
	export default {
		name:"explain_card",
		props:{
			title:String,
			tips:String,
			value:String,
			disabled:{
				type:Boolean,
				default:false
			}
		},
		data() {
			return {
				
			};
		},
		methods:{
			handleInput(e){
				 this.$emit('input',e.target.value) 
			}
		}
	}
</script>

<style lang="scss" scoped>
	.refuse-title{
		margin-top: 30rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #7F8084;
		line-height: 40rpx;
	}
textarea{
			width: 100%;
			line-height: 28rpx;
			margin-top: 10rpx;
			height:180rpx ;
			border-bottom: 2rpx solid #EFEFEF;
	}
	.textarea{
		width: 100%;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #B6B6B6;
		line-height: 28rpx;
		min-height: 100rpx;
	}
</style>